<template>
    <div>
        这是test组件

        <router-link to='/shopList'>到shoplist组件去</router-link>
        <el-button @click='tiaozhuang'>跳转至shoplist组件</el-button>
        <el-button >clcik</el-button>


    </div>
</template>


<script>

import axios from 'axios';
export default {
    name: 'FirstProjectTest',

    data() {
        return {
            
        };
    },
    methods: {
        tiaozhuang(){
            this.$router.push({
                path:'/shopList'
            })
        }
    },
    mounted(){
        // //创建请求对象
        // let xhttp=new XMLHttpRequest();
        // // 接收回调函数
        // xhttp.onreadystatechange=function(){
        //     //拿到请求返回的信息以及数据
        //     console.log('this',this)
        //     console.log('this',this.responseText)
        // }
        // //发请求

        // xhttp.open('GET','http://127.0.0.1:3000/api',true)
        // //向服务器发送请求终止信息
        // xhttp.send();

//axios请求数据
axios.get('http://127.0.0.1:3000/api').then(data=>{
    console.log(data)
    console.log('返回信息',data.data)
})

}
};
</script>